.page-wrap{}

.mt-8{margin-top: 8px;}
.mt-24{margin-top: 24px;}
.mt-12{margin-top: 12px;}
.mt-24{margin-top: 24px;}
.mt-36{margin-top: 36px}
.mt-48{margin-top: 48px}
.mb-4{margin-bottom: 4px;}
.mb-8{margin-bottom: 8px;}
.mb-12{margin-bottom: 12px;}
.mb-20{margin-bottom: 20px;}
.mb-24{margin-bottom: 24px;}
.mr-4{margin-right: 4px;}
.mr-8{margin-right: 8px}
.mr-12{margin-right: 12px;}
.ml-4{margin-left: 4px;}
.ml-8{margin-left: 8px;}
.ml-12{margin-left: 12px;}
.pl-4{padding-left: 4px;}
.pl-8{padding-left: 8px;}
.pl-12{padding-left: 12px;}
.pl-15{padding-left: 15px;}
.pr-12{padding-right: 12px;}
.pr-15{padding-right: 15px;}
.pb-20{padding-bottom: 20px;}
.pt-24{padding-top: 24px;}

.base-color { color: #716BFF;}
.basegColor {color: #186e30}
.red-color { color: #cd2424;}
.gray-color000{color: #000;}
.gray-color6 { color: rgb(0 0 0 / 0.6)}
.gray-color { color: #999;}
.color-wirte { color: #ffffff;}
.color-blur{color: #3370ff;}
.color-org{color: #FFC857}
.color-green{color: #00C1A2}

.flex-1{flex:1}

.flexRow{display: flex;flex-direction: row;}
.flex-col{display: flex;flex-direction: column;}
.page-menu-icon{margin-right: 0!important;}

.bold{font-weight: bold;}

.f12{font-size: 12px;}
.f-12{font-size: 12px;}
.f-13{font-size: 13px;}
.f-14{font-size: 14px;}
.f-15{font-size: 15px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-28{font-size: 28px;}
.f-40{font-size: 40px;}

.el-table__inner-wrapper:before{
  z-index: 1!important;
}

.w-40{width: 40px;}
.w-50{width: 50px;}
.w-60{width: 60px;}
.w-80{width: 80px;}
.w-90{width: 90px;}
.w-70{width: 70px;} 
.w-100{width: 100px;}
.w-120{width: 120px;}
.w-260{width: 260px;}
.w-400{width: 400px;}
.w-600{width: 600px;}
.w-b70{width: 70%;}

.text-right{text-align: right;}
.text-center{text-align: center;}

.pr-10{padding-right: 10px;}

.flex-row{display: flex;flex-direction: row;}
.flex-column{display: flex;flex-direction: column;}
.flex-rowreverse{display: flex;flex-direction:row-reverse}

.align-items-center{
  align-items: center;
}

.align-items-end{
  align-items: flex-end;
}

.justify-center{
  justify-content: center;
}

.space-between{
  justify-content: space-between;
}

.flex-start{
  justify-content: flex-start;
}
.flex-end{
  justify-content: flex-end;
}

.relative{
  position: relative;
}
.pointer{ cursor: pointer }


.clamp1{
  display: -webkit-box;
	-webkit-box-orient: vertical;
	/*设置省略号在容器第四行文本后*/
	-webkit-line-clamp: 1; 
	overflow: hidden;
  word-break: break-all;
}

.clamp2{
  display: -webkit-box;
	-webkit-box-orient: vertical;
	/*设置省略号在容器第四行文本后*/
	-webkit-line-clamp: 2; 
	overflow: hidden;
  word-break: break-all;
}



.el-button--primary{
  --el-button-hover-bg-color:rgb(0, 85, 255)!important;
  --el-button-hover-border-color:rgb(22, 100, 255)!important;
  --el-button-active-bg-color:rgb(0, 85, 255)!important;
  --el-button-bg-color:rgb(22, 100, 255)!important;
}



// .el-button.is-disabled, .el-button.is-disabled:hover{
//   background-color:#186e30!important;
//   border-color: #186e30!important;
// }

.box-shodw{
  box-shadow: 0px 0px 0px 1px rgb(140 140 140 / 0.2);
}


.page-wrap{
  color: #000;
}



.el-form-item__label{
  color: #000;
}

.page-wrap-dic{
  width: 4px;
  height: 4px;
  overflow: hidden;
  border-radius: 4px;
  background: #000;
}


::-webkit-scrollbar-track-piece {
  background-color: #f1f1f1;
  border-radius: 0;
  -webkit-border-radius: 0
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ddd;
  border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #ccc
}

::-webkit-scrollbar-corner {
  background-color: #f1f1f1
}


.hidden{
  display: none;
}


.el-message__content{
  color: #fff!important;
}

.el-message--info{
  --el-message-bg-color: #000!important;
}